<template>
	<div class="slide-page-right-tab">
		<slide-page-right class="slide-page-right">
			<ncu-title :title="title" />
			<div class="slide-page-right__main">
				<slot></slot>
			</div>
		</slide-page-right>
	</div>
</template>

<script>
    export default {
		props: {
			title: {
				type: String
			}
		},
        data() {
            return {

            }
        }
    }
</script>

<style lang="scss" scoped>
	.slide-page-right {
		&__main {
			font-size: 1rem;
			border-radius: 15px;
			padding: 20px 30px;
			height: calc(60vh - 40px);
			overflow: auto;
			background-color: #ffffff29;
			position: relative;
		}
		
		&__added-words {
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			width: 80%;
			margin-bottom: 40px;
		}
		
		&__start-test-btn {
			position: absolute;
			bottom: 30px;
			width: 200px;
			
			.cuIcon-service {
				margin-right: 10px;
				
			}
		}
	}
</style>


